import { defineComponent } from 'vue';
import GLayout from '/@/shared/components/g-layout/index.vue';
import { Dayjs } from 'dayjs';
import { Calendar } from 'ant-design-vue';
export default defineComponent({
  name: 'calendar',
  components: { GLayout, Calendar },
  data() {
    return {
      value: null,
    };
  },
  methods: {
    getListData(value: Dayjs) {
      let listData;
      switch (value.date()) {
        case 8:
          listData = [
            { type: 'warning', content: 'This is warning event.' },
            { type: 'success', content: 'This is usual event.' },
          ];
          break;
        case 10:
          listData = [
            { type: 'warning', content: 'This is warning event.' },
            { type: 'success', content: 'This is usual event.' },
            { type: 'error', content: 'This is error event.' },
          ];
          break;
        case 15:
          listData = [
            { type: 'warning', content: 'This is warning event' },
            { type: 'success', content: 'This is very long usual event。。....' },
            { type: 'error', content: 'This is error event 1.' },
            { type: 'error', content: 'This is error event 2.' },
            { type: 'error', content: 'This is error event 3.' },
            { type: 'error', content: 'This is error event 4.' },
          ];
          break;
        default:
      }
      return listData || [];
    },
    getMonthData(value: Dayjs) {
      if (value.month() === 8) {
        return 1394;
      }
    },
  },
});
